<style lang='scss' scoped>
	.my_input {
		background-color: #ccc;
		margin: 0 50rpx;
		height: 100rpx;
		border-radius: 10rpx;

		.list {
			display: flex;
			align-items: center;
			height: 100%;

			text {
				width: 50rpx;
				text-align: center;
			}

			input {
				flex: 1;
			}
		}
	}
</style>
<template>
	<view class='my_input'>
		<view class="list">
			<text>😀</text>
			<input type="text" :placeholder="obj.placeholder" :value="modelValue"
				@input="$emit('update:modelValue', $event.target.value)" @keydown.enter="$emit('submit')">
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			obj: Object,
			modelValue: String,
		},
		data() {
			return {}
		},
		onLoad(o) {},
		methods: {}
	}
</script>
